<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="stylesheet" href="/src/style.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Fluffy Grass Three.js</title>
  <meta name="description"
    content="Fluffiest Grass on the internet. Built using threejs. Grass Material by thebenezer." />
  <meta name="keywords" content="Three.js, grass material, tutorial, thebenezer, Zero x Infinity" />
  <meta property="og:title" content="Fluffy Grass Three.js" />
  <meta property="og:description"
    content="Fluffiest Grass on the internet. Built using threejs. Grass Material by thebenezer." />
  <meta property="og:image" content="/social2.webp" />
  <meta property="og:url" content="https://fluffygrass.vercel.app" />
  <!-- twitter -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:site" content="@th_ebenezer" />
  <meta name="twitter:creator" content="@th_ebenezer" />
  <meta name="twitter:title" content="Fluffy Grass Three.js" />
  <meta name="twitter:description"
    content="Fluffiest Grass on the internet. Built using threejs. Grass Material by thebenezer." />
  <meta name="twitter:image" content="/social2.webp" />

</head>

<body>
  <nav>
    <a href="https://github.com/thebenezer/FluffyGrass">
      <img src="/github-mark.svg" alt="GitHub" />
    </a>
  </nav>
  <div class="credits">
    <p>Created by <a href="https://twitter.com/th_ebenezer">thebenezer</a></p>
  </div>
  <canvas id="canvas"></canvas>
  <!-- <button class="randomizeButton">Randomize</button> -->
  <script type="module" src="/src/main.ts"></script>
</body>

</html>